body{font-family: "Microsoft Yahei"}
.layui-layout-body{position: absolute;height: 100%;width: 100%;}
.layui-side-scroll{width:auto !important;}
.layui-side-menu .layui-nav .layui-nav-item a{padding-right: 15px;}
.layui-side-menu .layui-nav-item {position:relative}
.layui-side-menu .layui-nav-item .layui-nav-child{width:390px;min-width:auto;position:fixed;z-index: 1200;background:#fff;border-top: 5px solid #428BCA;box-shadow:7px 10px 8px #ddd;padding-bottom:6 !important;}
.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child{width:390px}
.layui-side-menu .layui-nav-item .layui-nav-child dd {color:#000;float:left;width:180px;margin-left:10px;font-size:12px;margin-bottom:2px;height:35px;line-height:35px;box-shadow: 3px 2px 2px 0px rgba(0,0,0,0.1);}
.layui-side-menu .layui-nav-item .layui-nav-child dd a {height:35px;line-height:35px;}
.layui-side-menu .layui-nav-item .layui-nav-child dd a,.layui-side-menu .layui-nav-item .layui-nav-child dd span {padding: 0;font-size:13px;}
.layui-side-menu .layui-nav-item .layui-nav-child dd span i{position:unset !important;font-size:14px;}
.layui-side-menu .layui-nav-item .layui-nav-child dd .mcList{width:129px;display:block;padding-left:15px;}
.layui-side-menu .layui-nav-item .layui-nav-child dd .mcAdd{background:#F7F7F7;color:#999999;width:36px;display:block;text-align: center;}
.layui-layout-admin .layui-layout-left a{padding:0 20px}
.layui-layout-admin .layui-layout-left .layui-nav-item{margin:0px}
.layui-header .layui-nav .layui-this:after{top: auto !important;bottom: 0px;height: 5px !important}
.layui-layout-admin .layui-header .layui-nav-bar{top: auto !important;bottom: 0px !important;height: 5px !important}

/*新增 -- 未定义自适应 ---------------开始*/
.layadmin-pagetabs{ background-color: #ffffff;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1) ;top: 47px;}
.layui-layout-admin .layui-left-menu-one {width: 53px;height: 53px;text-align: center;color: #fff;}
.layui-layout-admin .layui-left-menu-two {width: 158px;height: calc(100vh - 53px);text-align: center;background: #fff;margin-left: 53px;display:none;top: 0;position: absolute;}
.layui-layout-admin .layui-left-menu-three {width: 479px;height: 460px;text-align: center;background: #fff;margin-left: 148px;top: 0;position: absolute;padding: 0 14px;box-shadow: 5px 0px 10px 0px rgb(0 0 0 / 10%);}
.layui-layout-admin .three-menu {display: flex;align-items: flex-start;flex-flow: row wrap;align-content: flex-start;}
/*.layui-layout-admin .three-menu ul li:nth-child(0){}*/
.layui-layout-admin .three-menu-group {display: flex;align-items: flex-start;flex-flow: row wrap;align-content: flex-start}
.three-menu-group li{min-width: calc(460px /12);}
.layui-layout-admin .layui-back {background: #0087FA;}
.layui-layout-admin .layui-top {margin-top: 47px;}
.layui-layout-admin .layui-left-menu-one-icon {width: 23px;height: 23px;color: #fff;margin-top: 5px;}
.layui-layout-admin .layui-logo {width: 36px;height: 36px;margin: 5px 7px 7px 8px;}
.layui-layout-admin .layui-side {width: 53px;background: #142A48;top: 0;z-index: 1001}
.layui-layout-admin .layui-side-two {width: 158px;background: #142A48;top: 0;z-index: 1001;margin-left:53px;}
.layui-layout-admin .layui-header{position: fixed;top: 0;left: 0;width: 100%;height: 48px;}
.layui-layout-admin .layui-left-menu-tit{width: 158px;position: revert;margin-left: 53px;border-right: 2px solid #FFF;}
.layui-layout-admin .layui-left-menu-text{font-size: 14px;font-family: Microsoft YaHei, Microsoft YaHei-Bold;font-weight: 700;text-align: left;color: #ffffff;line-height: 48px;margin-left: 14px;}
.layui-layout-admin .layui-hide{display:block !important}
.layui-layout-admin .menu-three-box{padding: 8px 0;width: 159px;height: 30px;text-align: left;line-height: 30px;}
.layui-layout-admin .menu-three-txt{color: #142A48;font-size: 14px;width: 479px;}
.layui-layout-admin .menu-four-txt{color: #142A48;font-size: 14px;width: 140px;cursor: pointer;}
.layui-layout-admin .menu-four-box{margin-top: 0px;overflow:auto;height: 380px}
.layui-layout-admin .four-menu-text{width: 90px;display: inline-block;overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
#box-4::-webkit-scrollbar{width:0;}


.layui-layout-admin .two-text{ color: #142A48;font-size: 14px}
.layui-layout-admin #two-text-img{ float: left;font-size: 18px;color: #142A48;margin-bottom: 21px;width: 18px}

.layui-layout-admin .menu-two-box{padding: 10px 14px;display: flex;height: 19px;}


.layui-layout-admin .three-menu-ver{ display :block;z-index:99}
.layui-layout-admin .three-menu-out{ display :none;z-index:1}
.layui-layout-admin .three-menu-show{ display: block}


.index-flexible {position: relative !important;top: 0px !important;font-size: 14px !important;}

.this-home {width: 54px;background: rgba(0,135,250,0.2);height: 38px;}
/*新增 -- 未定义自适应 ---------------结束*/

.layui-nav-tree .layui-nav-bar{background-color: rgba(255,255,255,0.5);}
/* .layui-side-menu .layui-nav-item .layui-nav-child dd span i:hover {color: #0d85edf5 !important;} */
/* .layui-side-menu .layui-nav-item .layui-nav-child dd a:hover,.layui-side-menu .layui-nav-item .layui-nav-child dd a:hover span {color:#fff;} */
/* .layui-nav-child dd:hover {background:#428BCA !important;} */
body .layui-nav .layui-nav-more{display: none}

.menu_top {margin: 0;padding: 0 20px;height: 49px;}
.menu_select {background: #217bec;}

/* tips插件 */
.tips a p {padding: 0 12px;}
.tips a p:nth-child(2){margin-top:6px;height: 45px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-inline-box;}

.f_l {float:left}
.f_r {float:right}
.m_l_5 {margin-left:5px;}

.fz_13 {font-size:13px;}

/* 图标相关样式 */
.layui-side-menu .layui-nav .layui-nav-item a .dhicon {position: absolute;top: 50%;left: 20px;margin-top: -7px;}
.layui-side-menu .layui-nav-item .layui-nav-child dd span.dhicon:before{margin: 0 4px 0 10px}

/* 顶部菜单搜索功能 */
.moduleSearchSpan{color: rgba(255,255,255,0.85);position: absolute;top:12px;padding: 0 10px;border-right: 1px solid rgba(255,255,255,0.2);height: 26px;line-height: 26px;}
.moduleSearchInput{background: rgba(255,255,255,0.1);color: #fff;width: 280px;padding: 2px 35px 2px 55px;border-color: #fff;border: 1px solid rgba(255,255,255,0.2);height: 24px;border-radius:20px}
.moduleSearchInput::-webkit-input-placeholder {color: rgba(255,255,255,0.3);}
.moduleSearchIcon{display: inline-block !important;position: absolute;top: 12px;right: 0;padding: 0 8px !important;height: 26px;line-height: 26px;border-left: 1px solid rgba(255,255,255,0.2);}
.layui-nav .layui-nav-child a{color:#142A48 !important;}
.layui-nav .layui-nav-child a:hover {background-color: #f2f2f2;background-color:rgba(0,135,250,0.1);}
/* 一级菜单图文上下布局 */
.layui-header-menu .parent_menu a{text-align: center;}
.layui-header-menu .parent_menu span{display: block;position: relative;top: 10px;margin-top:-5px}
/* 顶部菜单显示适应 */
@media screen and (max-width:1650px) {
    .moduleSearchInput{width: 185px;}
    .layui-layout-admin .layui-layout-left a{padding: 0 15px;}
}
@media screen and (max-width:1500px) {
    .layui-layout-right .right_menu span{display:none;}
}
@media screen and (max-width:1350px) {
    .layui-header .layui-nav *{font-size: 12px;}
}
@media screen and (max-width:1300px) {
    .layui-header-menu .right_menu a{padding:0 5px !important;}
    .layui-nav .layui-nav-item a {padding: 0 12px;}
    .layui-layout-right .right_menu span{display:none;}
}
@media screen and (max-width:1150px) {
    .layui-header-menu .right_menu a{padding:0 20px !important;}
    .layui-header-menu .parent_menu span{display:none;}
    .layui-layout-right .right_menu span{display:none;}
}
@media screen and (max-width:1000px) {
    .layui-header-menu .right_menu a{padding:0 10px !important;}
    .layui-nav .layui-nav-item a {padding: 0 15px;}
}
@media screen and (max-width:890px) {
    .layui-header .layui-nav .layui-nav-item a{padding:0 8px !important;}
    .layui-header-menu .right_menu a{padding:0 10px !important;}
    .layui-layout-admin .layui-layout-left a{padding:0 5px}
}
/* 一级菜单相关 */
.index-badge{top: 15% !important;border-radius: 10px;margin:0px -5px !important}
/* 左侧二级菜单相关 */
.layui-side-menu .layui-nav{margin-top: 48px;}
.layui-side-menu .layui-nav .layui-nav-item .layui-icon{left: 90%;font-size: 20px;}
/* tab高度选中底色 */
/* .layadmin-pagetabs .layui-tab-title li.layui-this, .layadmin-pagetabs .layui-tab-title li:hover {background-color:#1E9FFF;color:#fff} */
/* tab页相关 */
.layadmin-pagetabs {height:38px;line-height:38px;}
.layadmin-pagetabs .layui-tab-title {height:38px;background: #f2f2f2;}
.layadmin-pagetabs .layui-tab-title li {line-height:38px;max-width:200px;padding-right: 30px;position: relative;}
.layadmin-pagetabs .layui-tab-title li:before {content: "";position: absolute;right: 0px;top: 20%;width: 1px;height: 60%;background-color: #99999933;}
.layadmin-pagetabs .layui-tab-title li.layui-this:after{height:0 !important}
.layadmin-pagetabs .layui-tab-title li .layui-tab-close{right: 6px;}
.layui-tab-title-flex {display: flex;align-items: flex-start;flex-flow: row wrap;align-content: flex-start;justify-content: space-around;}
.layui-tab-title li {font-size:13px;}

/* 加载动画 */
.page-loading,.page-lock {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 19891017;
    background-color: #fff;
}
.ball-loader, .signal-loader{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ball-loader > span, .signal-loader > span{
    background-color: #4aca85;
    display: inline-block;
}
.ball-loader > span:nth-child(1),.signal-loader > span:nth-child(1){-webkit-animation-delay: 0s;animation-delay: 0s;}
.ball-loader > span:nth-child(2),.signal-loader > span:nth-child(2){-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.ball-loader > span:nth-child(3),.signal-loader > span:nth-child(3){-webkit-animation-delay: 0.15s;animation-delay: 0.15s;}
.ball-loader > span:nth-child(4),.signal-loader > span:nth-child(4){-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
/* 球形loading */
.ball-loader > span {
    width: 20px;
    height: 20px;
    margin: 0 3px;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: 1s ball-load ease-in-out infinite;
    animation: ball-load 1s ease-in-out infinite;
}
@-webkit-keyframes ball-load {
    0% {-webkit-transform: scale(0);}
    50% {-webkit-transform: scale(1);}
    100% {-webkit-transform: scale(0);}
}
@keyframes ball-load {
    0% {transform: scale(0);}
    50% {transform: scale(1);}
    100% {transform: scale(0);}
}
/* 信号loading */
.signal-loader {
    width: 50px;
    height: 22px;
}
.signal-loader > span {
    width: 8px;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    -webkit-animation: signal-load 1s infinite;
    animation: signal-load 1s infinite;
}
.signal-loader > span:nth-child(2) {left: 14px;}
.signal-loader > span:nth-child(3) {left: 28px;}
.signal-loader > span:nth-child(4) {left: 42px;}
@-webkit-keyframes signal-load {
    0% {height: 0;}
    50% {height: 22px;}
    100% {height: 0;}
}
@keyframes signal-load {
    0% {height: 0;}
    50% {height: 22px;}
    100% {height: 0;}
}
.layui-card-header{color: #000;font-weight: bold;}
